<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>AdminLTE 2 | Dashboard</title>
        <!-- Tell the browser to be responsive to screen width -->
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <!-- Bootstrap 3.3.6 -->
        <link rel="stylesheet" href="/Public/ui/framework/bootstrap-3.3.7-dist/css/bootstrap.min.css">
        <!-- Font Awesome -->
        <link rel="stylesheet" href="/Public/ui/fonts/Font-Awesome-4.7.0/css/font-awesome.min.css">
        <!-- Ionicons -->
        <link rel="stylesheet" href="/Public/ui/fonts/ionicons-2.0.1/css/ionicons.min.css">
        <!-- Theme style -->
        <link rel="stylesheet" href="/Public/ui/adminlte/css/AdminLTE.min.css">
        <!-- AdminLTE Skins. Choose a skin from the css/skins
             folder instead of downloading all of them to reduce the load. -->
        <link rel="stylesheet" href="/Public/ui/adminlte/css/skins/_all-skins.min.css">
        
<link rel="stylesheet" href="/Public/ui/plugins/colorpickerlib/colorpicker/bootstrap-colorpicker.min.css">    

    </head>
    <body>
        <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper" style="margin:0;">
            <!-- Content Header (Page header) -->
            <section class="content-header">
                        
<h1>
    外观管理
    <small>advanced tables</small>
</h1>
<ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
    <li><a href="#">界面</a></li>
    <li class="active">外观管理</li>
</ol>

            </section>

            <!-- Main content -->
            <section class="content">
                <div class="row">
                    <div class="col-xs-12">
                        
<div class="box">
    <div class="box-header">
        <ul class="nav nav-tabs">
            <?php if(is_array($tabs)): foreach($tabs as $key=>$vo): ?><li class="<?php echo ($vo["active"]); ?>"><a href="<?php echo U($vo['url']);?>"><?php echo ($vo["title"]); ?></a></li><?php endforeach; endif; ?>
        </ul>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <div class="row">
            <div class="col-md-5">
                <!-- form start -->
                <form action="<?php echo U('editSave');?>" method="post" class="form-horizontal">
                    <div class="box-body">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">背景颜色</label>
                            <div class="col-sm-9">
                                <div class="xsui-color-picker input-group colorpicker-component">
                                    <input type="text" name="bg_color" class="form-control" value="<?php echo ($data["bg_color"]); ?>" />
                                    <span class="input-group-addon"><i></i></span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">背景图片</label>
                            <div class="col-sm-9">
                                <div class="input-group">
                                    <input type="text" name="bg_image" class="form-control input-sm"  placeholder="背景图片" value="<?php echo ($data["bg_image"]); ?>">
                                    <span class="input-group-btn">
                                        <a href="<?php echo U('Uploader/delete');?>" class="btn btn-default btn-sm xsui-btn-singlefile-delete-image" title="删除图片">删除</a>
                                        <a href="<?php echo U('Uploader/single_file','name=bg_image');?>" class="btn btn-default btn-sm xsui-btn-singlefile-uploader-image" title="选择图片并上传">上传</a>
                                        <a href="<?php echo ($data["bg_image"]); ?>" class="btn btn-default btn-sm" target="_blak">预览</a>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">背景重复</label>
                            <div class="col-sm-9">
                                <?php $radioVal_bg_repeat=$data['bg_repeat'];$radios_bg_repeat=array(''=>'不重复','h'=>'水平重复','v'=>'垂直重复','all'=>'全部重复');foreach($radios_bg_repeat as $v=>$t):echo '<label class="radio-inline"><input type="radio" name="bg_repeat" value="',$v,'"',(($radioVal_bg_repeat==$v)?' checked="checked"':''),'> ',$t,'</label>';endforeach;?>
                            </div>
                        </div>
                    </div>
                    <!-- /.box-body -->
                    <div class="box-footer">
                        <button type="button" class="btn btn-default xsui-btn-close-dialog">取消</button>
                        <button type="submit" class="btn btn-primary pull-right">保存</button>
                    </div>
                    <!-- /.box-footer -->
                    <input type="hidden" name="id" value="<?php echo ($data["id"]); ?>"/>
                </form>
            </div>
        </div>
    </div>
    
                        <!-- /.box -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </section>
            <!-- /.content -->
        </div>
        <!-- /.content-wrapper -->

        <!-- jQuery 2.2.3 -->
        <script src="/Public/ui/plugins/jQuery/jquery-2.2.3.min.js"></script>
        <!-- Bootstrap 3.3.6 -->
        <script src="/Public/ui/framework/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
        <!-- DataTables -->
        <script src="/Public/ui/plugins/datagridlib/datatables/jquery.dataTables.min.js"></script>
        <script src="/Public/ui/plugins/datagridlib/datatables/dataTables.bootstrap.min.js"></script>
        <!-- Layer 3.0.1 -->
        <script src="/Public/ui/plugins/dialoglib/layer-v3.0.1/layer.js"></script>
        <script src="/Public/theme/public/plugins/jquery-togglelink-1.0/jquery-togglelink-1.0.js"></script>
        <script src="/Public/theme/public/plugins/jquery-ajaxcombobox-1.0/jquery-ajaxcombobox-1.0.js"></script>
        <script src="/Public/ui/adminlte/js/xsApp.js"></script>

        
    <script src="/Public/ui/plugins/colorpickerlib/colorpicker/bootstrap-colorpicker.min.js"></script>
    
        
    <script>
        xsApp.xsfnUploadButtonInit();
        xsApp.xsfnColorPickerInputInit();
        /**
         * 单文件上传回调函数
         * @param {type} name
         * @param {type} value
         * @returns {undefined}
         * @version 1.0 2016-12-15
         */
        function single_uploader_cb(name, value) {
            var $input = $('[name="' + name + '"]');
            $input.val(value)
            //$input.parent().parent().find('img').attr('src', value).parent().attr({'href': value, 'title': value}).next().data('url', value);
            layer.closeAll();
            //$('iframe').parent().dialog('close');
        }
    </script>
    
        
        <!-- page script -->
        <script type="text/javascript">
            $(function () {
                xsApp.initDatagridPage();
            });
        </script>
        
        
    </body>
</html>